<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<title>请假条</title>
	</head>
	<link rel="stylesheet" href="css/qingjia.css" />
	<link rel="stylesheet" href="css/bootstrap.css" />
	<body class="container">
		<div class="row" style="height: 50px;text-align: center;">
			<div class="col-md-12">
				<h1 style="color: pink; font-family: '方正姚体';font-size: 50px;">请假条</h1>
			</div>
		</div>
		<div class="row1">
			<div class="col-md-4"></div>
			<div class="col-md-4">
				<!--登陆面板begin-->
				<div class="panel panel-danger">
					<div class="panel-heading">
						请假条
					</div>
					<div class="panel-body">
						<form class="form-horizontal" id="loginForm">
							<!--一组表单元素 begin-->
							<div class="form-group">
								<label class="col-sm-3 control-label">请假人（学生学号）：</label>
								<div class="col-sm-9 control-label">
									<input type="text" name="Sno" class="form-control">
								</div>
							</div>
							<!--一组表单元素 end-->
							<!--一组表单元素 begin-->
							<div class="form-group">
								<label class="col-sm-3 control-label">请假开始时间：</label>
								<div class="col-sm-9 control-label">
									<input type="date" name="LeaveBeginDate" class="form-control">
								</div>
							</div>

							<!--一组表单元素 end-->
							<!--一组表单元素 begin-->
							<div class="form-group">
								<label class="col-sm-3 control-label">请假结束时间：</label>
								<div class="col-sm-9 control-label">
									<input type="date" name="LeaveEndDate" class="form-control">
								</div>
							</div>

							<!--一组表单元素 end-->
							
							<!--一组表单元素 begin-->
							<div class="form-group">
								<label class="col-sm-3 control-label">请假事由：</label>
								<div class="col-sm-9 control-label">
									<textarea rows="3" cols="20" name="ReasonForLeave" class="form-control" placeholder="输入请假的原因"></textarea>
								</div>
							</div>

							<!--一组表单元素 end--><!--一组表单元素 begin-->
							<div class="form-group">
								<label class="col-sm-3 control-label">审批时间：</label>
								<div class="col-sm-9 control-label">
									<input type="date" name="ApprovalDate" class="form-control">
								</div>
							</div>

							<!--一组表单元素 end-->
							<!--一组表单元素 begin-->
							<div class="form-group">
								<label class="col-sm-3 control-label">审批人（教师编号）：</label>
								<div class="col-sm-9 control-label">
									<input type="text" name="Tno" class="form-control">
								</div>
							</div>

							<!--一组表单元素 end-->
							<!--一组表单元素 begin-->
							<div class="form-group">
								<label class="col-sm-3 control-label">创建时间：</label>
								<div class="col-sm-9 control-label">
									<input type="datetime" name="CreateDate" class="form-control">
								</div>
							</div>

							<!--一组表单元素 end-->
							<!--一组表单元素 begin-->
							<div class="form-group">
								<label class="col-sm-3 control-label">审批状态：</label>
								<div class="col-sm-9 control-label">
									<input type="radio" name="ApprovalDate" class="form-control" value="已审批" checked>已审批
									<input type="radio" name="ApprovalDate" class="form-control" value="未审批">未审批

								</div>
							</div>

							<!--一组表单元素 end-->
							<!--一组表单元素 begin-->
							<div class="form-group">
								<label class="col-sm-3 control-label">备注：</label>
								<div class="col-sm-9 control-label">
									<textarea name="Remarks" rows="3" cols="20"class="form-control"></textarea>
								</div>
							</div>

							<!--一组表单元素 end-->
							
						</form>
					</div>
					<div class="panel-footer">
						
					 </div>
					<!--登陆面板 end-->
				</div>
				<div class="col-md-4"></div>
			</div>
	</div>
	</body>

</html>